/**
*** 通用样式
**/
body{
    padding-top: 60px;
    min-width: 320px;
}
/********** 类名 **********/
/*内容容器*/
.container{
    width: 100%;
}
/*页面内容主体*/
.main{
    padding-top: 10px;
}
/*面板*/
.panel{
    margin-bottom: 10px;
}
.panel-title h2{
    text-indent: 20px;
}
.panel-content{
    padding: 10px 20px 39px;
}
/*表单标签*/
.form-label{
    display: block;
    padding: 10px 0;
}
/*表单单选项 复选项*/
.form-radio,
.form-checkbox{
    display: block;
    box-sizing: border-box;
    border: 2px solid #f2f2f2;
    border-radius: 2px;
    padding: 15px;
    color: #333;
    font-size: 14px;
    line-height: 20px;
}
.form-radio{
    margin-bottom: 10px;
}
.form-radio:last-of-type{
    margin-bottom: 0;
}
.form-checkbox{
    margin-bottom: -2px;
}
.form-checkbox:last-of-type{
    margin-bottom: 0;
}
.form-radio:before,
.form-checkbox:after{
    display: inline-block;
    vertical-align: top;
    color: #777;
    font-family: 'iconfont';
    font-size: 16px;
}
.form-radio:before{
    content: '\e660';
    margin-right: 15px;
}
.form-radio.active:before{
    content: '\e65d';
    color: #f65434;
}
.form-checkbox:after{
    content: '';
    float: right;
}
.form-checkbox.active:after{
    content: '\e671';
    color: #f65434;
}
/*表单上传图片 上传文件*/
.form-upload-img{
    display: block;
    font-size: 0;
}
.form-upload-img .item{
    margin-right: 10px;
    width: calc((100% - 20px)/3);
}
.form-upload-img .form-upload-btn i{
    display: block;
    margin: 16px auto 14px;
}
.form-upload-img .form-delete-pic i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}
.form-upload-file{
    display: block;
}
.form-upload-file .form-upload-btn{
    width: 100%;
}
.form-upload-img .form-tips,
.form-upload-file .form-tips{
    margin-top: 5px;
}
/*表单查看示例*/
.form-example .desc{
    width: 100%;
}
/*通用按钮*/
.btn{
    display: block;
}
/********** 表单通用子元素 **********/
.form .form-input,
.form .form-select,
.form .form-textarea{
    width: 100%;
}
.form .form-select.select-address,
.form .form-select.select-date{
    width: calc((100% - 14px)/2);
}
.form .form-select.select-address:first-of-type,
.form .form-select.select-date:first-of-type{
    margin-right: 10px;
}
.form .tec-input-wrapper{
    display: block;
    position: relative;
}
.form .form-input.tec-input{
    width: calc(100% - 100px);
}
.form .btn{
    display: inline-block;
    margin-top: 40px;
    width: calc((100% - 50px)/2);
}
.form .btn:first-of-type{
    margin-left: 20px;
    margin-right: 6px;
}
.form .btn:first-of-type:last-of-type{
    display: block;
    margin: 40px 20px 0;
    width: calc(100% - 40px);
}
/********** 注册 **********/
.register{
    padding: 40px 20px;
}
.register h2{
    text-align: left;
}
.register .form-input{
    width: 100%;
}
.register .form-code{
    width: calc(100% - 112px);
}
.register .btn{
    margin-top: 20px;
    width: 100%;
}
/********** 登录 **********/
.login{
    padding: 20px;
}
.login .form-input{
    width: 100%;
}
.login .form-code{
    width: calc(100% - 112px);
}
.login .form-radio{
    display: inline-block;
    margin: 10px 0;
    border: none;
    padding: 0 15px;
    width: calc((100% - 14px)/2);
}
.login .form-radio:first-of-type{
    margin-right: 10px;
}
.login .btn{
    width: 100%;
}
/********** 入驻基本信息 **********/
.settled-basic .tab-nav{
    width: calc((100% - 10px)/2);
}
/********** 入驻流程完成 **********/
.settled-success .code{
    margin: 21px auto 0;
    width: 117px;
}
.settled-success .btn{
    margin: 41px 20px 0;
}
/********** 账户中心 **********/
/*侧边栏菜单*/
.account-center .aside{
    display: none;
}
/*账户中心主体内容*/
.account-center .content{
    float: none;
    width: 100%;
}
/*账户中心个人兴趣爱好*/
.account-center .hobby .panel-content{
    padding: 26px 20px 30px;
}
.account-center .hobby .tag-selected{
    width: 100%;
}
.account-center .hobby .form-label{
    display: none;
}
.account-center .hobby .add-tag .form-add-tag{
    width: 68px;
}
.account-center .hobby .add-tag .form-input{
    width: calc(100% - 68px);
}
/********** 账户技能 账户作品案例 **********/
.account-tec .tec-list h3{
    width: calc(100% - 100px);
}
.account-tec-empty .panel{
    padding-top: 54px;
    padding-bottom: 74px;
}
.account-tec-empty p{
    margin-top: 20px;
    margin-bottom: 30px;
}
.account-tec-empty .btn{
    margin: 0 auto;
    width: 180px;
    height: 44px;
    line-height: 44px;
}
.account-tec .cost-input{
    display: block;
}
.account-tec .btn,
.account-works .btn{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 40px);
}
.account-works .panel-content{
    padding: 10px 20px;
}
/********** 技能列表 **********/
.tec-list .item{
    margin-bottom: 10px;
    padding: 20px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .05);
}
.tec-list .picture{
    display: none;
}
.tec-list .title{
    margin-bottom: 20px;
}
.tec-list .title .edit{
    position: absolute;
    top: -42px;
    right: 20px;
}
.tec-list .attrs,
.tec-list .desc{
    margin-bottom: 10px;
}
.tec-list .offer{
    position: static;
    top: 0;
    left: 0;
    margin-bottom: 10px;
}
.tec-list .status{
    position: absolute;
    top: 20px;
    right: 20px;
}
.tec-list .show-detail{
    display: none;
}
/********** 按技能找人列表与详情 **********/
/*标语*/
.tec .slogan{
    display: none;
}
/*搜索*/
.tec .search{
    margin-bottom: 10px;
    padding: 20px 20px 10px 20px;
}
.tec .search .form-input{
    width: calc(100% - 104px);
}
.tec .search .form-select{
    margin-bottom: 10px;
    width: 100%;
}
.tec .search .form-select:last-of-type{
    margin-bottom: 0;
}
.tec .search .form-radio{
    display: inline-block;
    border: none;
    padding: 0;
}
.tec-detail .content{
    float: none;
}
/*技能详情 基础信息*/
.tec-detail .basic{
    padding: 20px;
}
.tec-detail .basic .attrs,
.tec-detail .basic .date{
    margin-bottom: 10px;
}
.tec-detail .basic .desc{
    margin-top: 10px;
}
/*技能详情 作品案例*/
.tec-detail .works .panel-content{
    padding: 0 0 0 20px;
}
.tec-detail .works li{
    padding: 20px 20px 20px 0;
}
.tec-detail .works .picture{
    width: calc((100% - 20px)/3);
    height: 172px;
}
.tec-detail .works .link{
    margin-top: 10px;
}
/*技能详情 工作历史评价*/
.tec-detail .comment li{
    padding: 30px 0 20px;
}
.tec-detail .comment h3{
    width: calc(100% - 75px);
}
/*技能详情 侧边栏*/
.tec-detail .aside{
    display: none;
}
/*发起邀请按钮*/
.tec-detail .invite-btn{
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}
/********** 提交项目需求 **********/
.demand .form-code{
    width: calc(100% - 112px);
}
.demand-success .btn{
    margin: 0 20px;
}